<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>IFPlanner智能理财规划系统会员</title>
    <script src="js/jquery/jquery-1.8.3.min.js"></script>
    <script src="js/vue/vuedev.js"></script>
    <link rel="stylesheet" href="css/main.css"/>
    <style>
    .wrap{
        width: 100vw;
        height: 100vh;
    }
    .vp{
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
     }
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box
    } 
    body{
        background: rgb(245, 245, 245)
    }
    .head{
        font-size:.3rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        line-height:.45rem;
        margin-bottom: .3rem;
        padding-top: .3rem
    }
    .plate{
        background: white;
        padding: 0 .3rem .3rem;
        margin-bottom: .3rem
    }
    .px{
        display: flex;
        font-size:.26rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(153,153,153,1);
        position: relative;
        margin-bottom: .1rem
    }
    .px>div{
        line-height: .5rem
    }
    .px>div:nth-child(1){
        margin-right: .1rem
    }
    .px>div:nth-child(2){
        color: #333333
    }
    .download{
        width: 100%;
        height: 1rem;
        background: #0084FF;
        text-align: center;
        color: white;
        position: fixed;
        left: 0;
        bottom:0;
        font-size:.3rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(255,255,255,1);
        line-height:1rem;
    }

    .callpeple{
        display: inline-block;
        margin-left: 1rem;
        padding: 0 .2rem;
        border: 1px solid #999999;
        color: #999999;
        border-radius: .25rem;
        position: absolute;
        right: 0;
        top:0;
    }
    .copybtn{
        margin-left: 1rem;
        padding: 0 .2rem;
        border: 1px solid #999999;
        color: #999999;
        border-radius: .25rem;
        position: absolute;
        right: 0;
        top:0;
    }

    </style>
</head>
<body>
    <div class="wrap">
        <div class="vp">
            <div class="plate">
                <div class="head">您已购买本课程！</div>
                <div class="px  bhao">
                    <div>订单编号:</div>
                    <div> <span  id="bianhao">{{message.tradeNo?message.tradeNo:'342345245363242552326'}}</span> <span  class="copybtn  bhaobtn"  @click="copytext('bianhao')">复制</span> </div>
                </div>
                <div class="px">
                    <div>购课时间:</div>
                    <div>{{message.paymentDate}}</div>
                </div>
                <div class="px">
                    <div>支付方式:</div>
                    <div>{{message.tradeTyep?message.tradeTyep:'微信支付'}}</div>
                </div>
                <div class="px">
                    <div>金额:</div>
                    <div>{{message.tradeAmount?message.tradeAmount:'0:00'}}</div>
                </div>
            </div>
            <div class="plate">
                    <div class="head">
                      本课程为线下授课，我们的课程主任会与您联系，请保持手机畅通。 </div>
                    <div class="px">
                        <div>联系方式:</div>
                        <div> <span>{{message.serviceTel?message.serviceTel:'13002589212'}}</span> <a  class="callpeple" :href="'tel:'+message.serviceTel">拨打</a> </div>
                    </div>
                    <div class="px">
                        <div>微信号:</div>
                        <div> <span  id="wxhao">{{message.serviceWechat?message.serviceWechat:'sss'}}</span> <span  class="copybtn"  @click="copytext('wxhao')">复制</span> </div>
                    </div>
                </div>
                <div class="plate">
                        <div class="head">为了方便您查找订单，您可以收藏本页面，或下载「顾问邦」APP，登录帐号为您输入的手机号码。</div>
                    </div>
        </div>

        <div class="download"  @click="download">下载「顾问邦」</div>


<!--loading-->
<div id="loading"  v-if="loading">
        <div class="load-spinner">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>

    </div>
    <script>
    var created=function() {
        var _this=this
        try {
                var p = {
                    courseId: sessionStorage.courseId,
                    userId: sessionStorage.user,
                    userPhone:sessionStorage.userPhone,
                };
                _this.requestFun('/financial/h5/certificate/queryCertificateCoursesInfoH5', p).then(function(res) {
                    _this.message = res.resultData;
                })
            } catch (err) {
                _this.toast('参数错误');
            }  
            
            var u = navigator.userAgent;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
            var  mobilePhoneDownload;
        if (isAndroid) {
            console.log("安卓")
            mobilePhoneDownload='http://app.mi.com/details?id=com.anyin.app'
        } 

        if(isiOS) {
            console.log("苹果")
            mobilePhoneDownload='https://sj.qq.com/myapp/detail.htm?apkName=com.anyin.app'
        }
            _this.download=function (e) {
                var e = e || window.event;
                window.location.href = mobilePhoneDownload;
                e.stopPropagation();
            }
    }
    </script>
    <script src="js/buymain.js"></script>
</body>
</html>